<template>
  <div id="app">
    <router-view v-slot="{ Component }">
      <component :is="Component" />
    </router-view>
  </div>
</template>

<script setup>
// 根组件不需要其他逻辑
</script>

<style>
/* 全局样式 */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

#app {
  height: 100%;
  width: 100%;
  position: relative;
}

/* 移除可能影响子组件的样式 */
#app > div {
  height: 100%;
  width: 100%;
  position: relative;
}
</style> 